<template>
	<view class="container">
		<!-- <uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar left-icon="left" left-text="返回"
			title="自定义导航栏" @clickLeft="back" />
		<uni-nav-bar shadow left-icon="left" leftText="返回" rightText="设置" title="标题" /> -->
		<view class="user-section">
			<view class="bg-img"><image style="height: 100%;" mode="scaleToFill"></image></view>
			<view class="user-section" style="height: 100%;padding: 16rpx;">
				<view class="user-info-box">
					<view class="user-head" @click="headClick">
						<image
							:src="getUserAvatar()"
							mode="aspectFill"
							@error="'/static/mine/wxlogo.png';"
						></image>
						<!-- <image
							:src="'/static/mine/wxlogo.png'"
							mode="aspectFill"
							@error="'/static/mine/wxlogo.png';"
						></image> -->
					</view>
					<view class="header-title">
						<view>
							<text class="text1">{{ check.isNull(userInfo.nickname) == false ? userInfo.nickname : 'XXX' }}</text>
							<text class="text3">{{ getLevelTitle() }}</text>
							
							
						</view> 
						<view style="padding: 10rpx 0rpx;"> 
							<text class="text2">{{ check.isNull(userInfo.mobile) == false ? userInfo.mobile : 'XXX' }}</text>
						</view>
					</view>
					<view class="header-right">
						<text class="text4 textcolor">{{ group_name }}</text>
						<!-- <image
							style="width: 100rpx; height: 100rpx;"
							:src="'/static/logo.png'"
							mode="aspectFill"
							@error="'/static/logo.png'">
						</image> -->
					</view>
				</view>
			</view>
		</view>
		 
		<view class="mine-list">
			<view class="mine-list-view">
				<view class="mine-list-view-item" v-for="(item,index) in buttons.btn3" :index="index" :key="index">
					<view class="mine-list-view-item-body" @click="listBtnClick(item)">
						<view class="mine-list-view-item-left">
							<image class="image" :src="item.imageUrl"></image>
							<text class="text">{{item.title}}</text>
						</view>
						<view class="mine-list-view-item-right">
							<text>{{version_number}}</text>
							<image class="image" :src="'/static/arrow/arrow_more_2.png'"></image>
						</view>
					</view>
					<view class="mine-list-view-item-line"></view>
				</view>
			</view>
		</view> 
		<uni-list style="margin-top: 16rpx;">
			<uni-list-item>
				<template v-slot:body>
					<view class="slot-box slot-text item-view">
						<view class="item-view-bottom" @click="logout()">
							<view class="btn"><text>退出系统</text></view>
						</view>
					</view>
				</template>
			</uni-list-item>
		</uni-list>
	</view>
</template>

<script>
import mine from './mine.js';
export default {
	components: {},
	mixins: [mine],
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss">
@import './mine.scss';
</style>
